﻿<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../../theme_hibiki.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="../../script.js" type="text/javascript"></script>
    <script src="https://kit.fontawesome.com/8d7403f908.js" crossorigin="anonymous"></script>
</head>

<body>
    <script>
        window.onload = function () {
            var loaders = document.getElementById('loader');
            loaders.style.opacity = '0';
            setTimeout(function () {
                loaders.remove();
            }, 900);
        }
    </script>
    <div id='loader'>
        <div id="loader_wrapper">
            <div id="loader_border"></div>
        </div>
    </div>

    <div class="container" style="justify-content: center; text-align: center; align-content: center; align-items: center;">
        <div class="cover">
            <h1 style="font-weight: 500;">AmusingKeypad2k</h1>
        </div>
        <div class="row">
            <h3 style="font-weight: 500; margin: 15px 20px 10px 20px; text-align: left; border-bottom: 1px solid #303030;">Product Information</h3>
            <div class="col-3 col-s-3">
            </div>
            <div class="col-9 col-s-9">           
            </div>
        </div>

        <div class="row">
            <h3 style="font-weight: 500; margin: 10px 20px 10px 20px; text-align: left; border-bottom: 1px solid #303030;">FAQ</h3>
            <div class="col-12 col-s-12">
                <div class="faq">
                    <div class="faq_question open">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" x="0" y="0"><path style="fill: white;" d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" /></svg>
                        How to replace the switches of the keypad?
                    </div>
                    <div class="faq_answer_container">
                        <div class="faq_answer">
                            <p>Easy! Watch this video, it shows on how to do it more clearly!</p>
                            <iframe width="1280" height="720" style="width: 100%; max-width: 640px; max-height: 350px" src="https://www.youtube.com/embed/jlOK913JDVs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>

                <div class="faq">
                    <div class="faq_question open">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" x="0" y="0"><path style="fill: white;" d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" /></svg>
                        I'm experiencing double taps, what do I do?
                    </div>
                    <div class="faq_answer_container">
                        <div class="faq_answer">
                            <p>You can change the debounce of the keypad using the AmusingKeypad application. Around 50 should be fine.</p>
                        </div>
                    </div>
                </div>

                <div class="faq">
                    <div class="faq_question open">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" x="0" y="0"><path style="fill: white;" d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" /></svg>
                        KeypadV3 cursor auto moves to top left on Windows 10, How to fix this?
                    </div>
                    <div class="faq_answer_container">
                        <div class="faq_answer">
                            <p>Find "VID_001C&PID_100B&MI_02" from all mouse devices and disable it.</p>
                        </div>
                    </div>
                </div>

                <div class="faq">
                    <div class="faq_question open">
                        <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" x="0" y="0"><path style="fill: white;" d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" /></svg>
                        How long will the shipping take?
                    </div>
                    <div class="faq_answer_container">
                        <div class="faq_answer">
                            <p>Usually around 1 - 2 weeks.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <h3 style="font-weight: 500; margin: 10px 20px 10px 20px; text-align: left; border-bottom: 1px solid #303030;">Shipping Countries</h3>
            <div class="col-12 col-s-12">
                <p style="text-align: left; margin: 0px 20px 0px 20px;">These countries are eligible for epack shipping, which means that you are able to order from the orderpage here. If your country wasn't listed below, you might want to check out third party sellers.</p>
            </div>
            <div class="col-country col-s-country">
                <ul class="countries" style="display: block; margin: 0px 20px 0px 20px;">
                    <li><img src="../../flags/au.png"><a>Australia</a></li>
                    <li><img src="../../flags/at.png"><a>Austria</a></li>
                    <li><img src="../../flags/be.png"><a>Belgium</a></li>
                    <li><img src="../../flags/br.png"><a>Brazil</a></li>
                    <li><img src="../../flags/ca.png"><a>Canada</a></li>
                    <li><img src="../../flags/hk.png"><a>Hong Kong</a></li>
                    <li><img src="../../flags/dk.png"><a>Denmark</a></li>
                    <li><img src="../../flags/fi.png"><a>Finland</a></li>
                    <li><img src="../../flags/fr.png"><a>France</a></li>
                    <li><img src="../../flags/gr.png"><a>Greece</a></li>            
                </ul>
            </div>

            <div class="col-country col-s-country">
                <ul class="countries" style="display: block;  margin: 0px 20px 0px 20px;">
                    <li><img src="../../flags/hu.png"><a>Hungary</a></li>
                    <li><img src="../../flags/id.png"><a>Indonesia</a></li>
                    <li><img src="../../flags/ie.png"><a>Ireland</a></li>
                    <li><img src="../../flags/il.png"><a>Israel</a></li>
                    <li><img src="../../flags/it.png"><a>Italy</a></li>
                    <li><img src="../../flags/jp.png"><a>Japan</a></li>
                    <li><img src="../../flags/kz.png"><a>Kazakhstan</a></li>
                    <li><img src="../../flags/kr.png"><a>Korea</a></li>
                    <li><img src="../../flags/lu.png"><a>Luxembourg</a></li>
                    <li><img src="../../flags/my.png"><a>Malaysia</a></li>
                </ul>
            </div>

            <div class="col-country col-s-country">
                <ul class="countries" style="display: block;  margin: 0px 20px 0px 20px;">
                    <li><img src="../../flags/mx.png"><a>Mexico</a></li>
                    <li><img src="../../flags/nl.png"><a>Netherlands</a></li>
                    <li><img src="../../flags/nz.png"><a>New Zealand</a></li>
                    <li><img src="../../flags/no.png"><a>Norway</a></li>
                    <li><img src="../../flags/pl.png"><a>Poland</a></li>
                    <li><img src="../../flags/pt.png"><a>Portugal</a></li>
                    <li><img src="../../flags/ru.png"><a>Russia</a></li>
                    <li><img src="../../flags/sa.png"><a>Saudi Arabia</a></li>
                    <li><img src="../../flags/sg.png"><a>Singapore</a></li>
                    <li><img src="../../flags/es.png"><a>Spain</a></li>
                </ul>
            </div>

            <div class="col-country col-s-country">
                <ul class="countries" style="display: block;  margin: 0px 20px 0px 20px;">
                    <li><img src="../../flags/se.png"><a>Sweden</a></li>
                    <li><img src="../../flags/ch.png"><a>Switzerland</a></li>
                    <li><img src="../../flags/th.png"><a>Thailand</a></li>
                    <li><img src="../../flags/tr.png"><a>Turkey</a></li>
                    <li><img src="../../flags/ua.png"><a>Ukraine</a></li>
                    <li><img src="../../flags/gb.png"><a>United Kingdom</a></li>
                    <li><img src="../../flags/us.png"><a>United States</a></li>
                    <li><img src="../../flags/vn.png"><a>Vietnam</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>